import type React from "react"
import type { Metadata } from "next"
import "./globals.css"
import NavigationBar from "@/components/navigation-bar"
import DesktopTaskbar from "@/components/desktop-taskbar"

export const metadata: Metadata = {
  title: "PUMPROOM - Windows 95 Style Chat Room",
  description: "A retro Windows 95 style chat room with real-time messaging",
  icons: {
    icon: [
      { url: "/favicon.ico", sizes: "any" },
      { url: "/favicon-16x16.png", sizes: "16x16", type: "image/png" },
      { url: "/favicon-32x32.png", sizes: "32x32", type: "image/png" },
    ],
    apple: [{ url: "/apple-touch-icon.png", sizes: "180x180", type: "image/png" }],
  },
    generator: 'v0.dev'
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang="en" className="h-full">
      <body className="h-full flex flex-col win95-desktop-bg">
        <NavigationBar />
        <div className="flex-1 overflow-auto">{children}</div>
        <DesktopTaskbar />
      </body>
    </html>
  )
}
